<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>响应式简单个性个人博客模板</title>
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<link rel="stylesheet" type="text/css" href="statics/css/index.css" media="all" />
</head>
<body class="home blog custom-background round-avatars">
		<jsp:include   page="top.jsp" flush="true"/>
		<div id="main" class="content">
			<div class="container">
				<style>
					body.custom-background {
						background: #fff
					}
					
					.container {
						padding: 10px 0px;
					}
				</style>
				<section class="post_content">
					<header class="post_header">
						<h1 class="post_title">链接</h1>
					</header>
					<div class="links">
						<h3 class="catalog-title">Life Blog</h3>
						<div class="catalog-description"></div>
						<div class="catalog-share">4 items in collection</div>
						<div class="userItems">
							<div class="userItem">
								<div class="userItem--inner">
									<div class="userItem-content"><img alt='' src='statics/images/8e5da64c712d2bb59235d8d746108cb1.jpeg' class='avatar avatar-64 photo' height='64' width='64' />
										<div class="userItem-name">
											<a class="link link--primary" href="#" target="_blank">Akina</a>
										</div>
									</div>
								</div>
							</div>
							<div class="userItem">
								<div class="userItem--inner">
									<div class="userItem-content"><img alt='' src='statics/images/89aeed9e656e1f7fbb04691aa3b38252.jpeg' class='avatar avatar-64 photo' height='64' width='64' />
										<div class="userItem-name">
											<a class="link link--primary" href="#" target="_blank">Dearzd</a>
										</div>
									</div>
								</div>
							</div>
							<div class="userItem">
								<div class="userItem--inner">
									<div class="userItem-content"><img alt='' src='statics/images/d52a89521eb0cdb4efb343fb63ce3986.jpeg' class='avatar avatar-64 photo' height='64' width='64' />
										<div class="userItem-name">
											<a class="link link--primary" href="#" target="_blank">Meow</a>
										</div>
									</div>
								</div>
							</div>
							<div class="userItem">
								<div class="userItem--inner">
									<div class="userItem-content"><img alt='' src='statics/images/22278c1d83002246dca48b52e306b1c9.jpeg' class='avatar avatar-64 photo' height='64' width='64' />
										<div class="userItem-name">
											<a class="link link--primary" href="#" target="_blank">Tokin</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
			</div>
		</div>

		<footer id="footer" class="overlay animated from-top">
			<div class="decor-wrapper">
				<svg id="footer-decor" class="decor top" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="none">
					<path class="large left" d="M0 0 L50 50 L0 100" fill="rgba(255,255,255, .1)"></path>
					<path class="large right" d="M100 0 L50 50 L100 100" fill="rgba(255,255,255, .1)"></path>
					<path class="medium left" d="M0 0 L50 50 L0 66.6" fill="rgba(255,255,255, .3)"></path>
					<path class="medium right" d="M100 0 L50 50 L100 66.6" fill="rgba(255,255,255, .3)"></path>
					<path class="small left" d="M0 0 L50 50 L0 33.3" fill="rgba(255,255,255, .5)"></path>
					<path class="small right" d="M100 0 L50 50 L100 33.3" fill="rgba(255,255,255, .5)"></path>
					<path d="M0 0 L50 50 L100 0 L0 0" fill="rgba(255,255,255, 1)"></path>
					<path d="M48 48 L50 51 L52 48 L48 48" fill="rgba(255,255,255, 1)"></path>
				</svg>
			</div>
		</footer>
		<jsp:include   page="bottom.jsp" flush="true"/>
	</body>
</html>